import React from "react";
import { Box } from "$components";
import "./style.less";

const IPCore = () => {
  // 假数据
  const buttons = [
    "激光结构变形测量",
    "桥梁动桡度",
    "飞尚科技知识产权",
    "联动预警管理",
    "空气监测",
    "基础设施健康监测",
    "磁通量传感器",
  ];

  return (
    <Box title="核心知识产权">
      <div className="ip-core-container">
        <div className="ip-core">
          <div className="ip-core-item ip-core-item-1">
            <div className="ip-core-item-title ">桥梁动桡度</div>
          </div>
          <div className="ip-core-item ip-core-item-2">
            <div className="ip-core-item-title ">磁通量传感器</div>
            <div className="ip-core-item-title ">联动预警管理</div>
          </div>
          <div className="ip-core-item ip-core-item-3">
            <div className="ip-core-item-title ">飞尚科技知识产权</div>
          </div>
          <div className="ip-core-item ip-core-item-4">
            <div className="ip-core-item-title ">基础设施健康监测</div>
            <div className="ip-core-item-title ">激光结构变形测量</div>
          </div>
          <div className="ip-core-item ip-core-item-5">
            <div className="ip-core-item-title ">空气监测</div>
          </div>
        </div>
      </div>
    </Box>
  );
};

export default IPCore;
